@media (max-width: 1200px){
  .chat-wrap {
    display: none;
  }
  .news_item .date .day {
    font-size: 24px;
  }
  .news_item .desc {
    padding-left: 15px;
  }
  .news_item .desc h5 {
    font-size: 14px;
  }
  .news_item .desc h6 {
    font-size: 12px;
    line-height: 22px;
  }
  .news_2 .news_item .more {
    font-size: 12px;
  }
  .footer_nav {
    flex-wrap: wrap;
  }
  .footer_item,
  .footer_item1,
  .footer_item2 {
    width: 50%;
    flex: none;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #323c4c;
    border-left: none;
  }
  .footer_nav .footer_item:last-child,
  .footer_nav .footer_item:nth-last-child(2) {
    border-bottom: none;
  }
  .bread {height: 60px; line-height: 60px;font-size: 14px;}
  .us_img { display: flex; align-items: center;}
  .us_info h6 { margin-top: 20px;}
  .bread_nav a { padding: 0 10px;}


}
@media (max-width: 992px){
  .header_nav {
    height: 4.75rem;
  }
  .header_collapse {
    margin-left: -1rem;
    margin-right: -1rem;
    background: rgba(255, 255, 255, .9);
  }
  .header_collapse ul li {
    text-align: center;
  }
  .search-wrap {
    height: auto;
  }
  .search_pop {
    margin: 0 auto;
  }
  .navbar-nav .dropdown-menu {
    text-align: center;
  }
  .search-form {
    width: 100%;
    height: auto;
    padding: 20px 0;
  }
  .search-a {
    display: none;
  }
  .search-form1 {
    display: block !important;
  }
  /* index_swiper */
  .index_slides.swiper-container-horizontal>.swiper-pagination-bullets,
  .index_slides .swiper-pagination-custom,
  .index_slides .swiper-pagination-fraction {
    bottom: 5px;
  }
  .index_slides .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 1;
  }
  .index_slides .swiper-pagination-bullet-active {
    width: 20px;
    height: 8px;
    border-radius: 10px;
  }
  .index_slides.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    
  }

  .index_title h5 span {
    font-size: 16px;
    padding: 0 15px;
  }
  .index_title h5 span em {
    font-size: 12px;
    margin-top: 8px;
  }
  .set1_nav .swiper-slide {
    height: 32px;
  }
  .set1_nav .swiper-slide a {
    padding: 4px 10px;
    font-size: 13px;
  }
  .product_nav .swiper-slide {
    height: 32px;
    line-height: 32px;
  }
  .product_nav .swiper-slide a {
    padding: 0px 10px;
    font-size: 13px;
  }
  .product_item {
    padding: 25px 20px;
  }
  .product_item h5 {
    font-size: 14px;
  }
  .product_item h5::after {
    margin: 10px auto;
  }
  .product_item h6 {
    font-size: 12px;
  }
  .set2_inner {
    flex-wrap: wrap;
  }
  .set2_inner .case_item {
    width: 48%;
    margin-bottom: 20px;
  }
  .case_item a h5,
  .case_item h5 {
    height: 40px;
    line-height: 35px;
    font-size: 14px;
    border-top: 5px solid #fff;
  }
  .case_item a:hover h5 {border-top: 5px solid #599843;}
  .more {
    margin: 0;
  }
  .more a {
    padding: 5px 20px;
    font-size: 13px;
  }
  .news_list .news_item {
    width: 100%;
  }
  .news_item .date,
  .news_2 .news_item .date {
    width: 60px;
  }
  .news_item .date .day {
    font-size: 18px;
  }
  .news_item .date .year {
    font-size: 14px;
  }
  .news_item .date .day::after {
    margin: 5px 0;
  }
  .news_item .desc h5 {
    margin-bottom: 4px;
  }
  .news_item .desc h6 {
    -webkit-line-clamp: 2;
  }

  .us_img { width: 30%; display: flex; align-items: center; margin-left: 15px;}
  .n_us_wrap .us_img { margin-left: 0;}
  .us_desc,.n_us_wrap .us_desc {padding: 0 20px;}
  .title1 h5 { font-size: 18px;}
  .title1 h5 span {font-size: 16px; display: inline-block; padding-left: 10px;}
  .title1 h5::after { margin: 10px 0 5px;}
  .us_info h6 { margin: 10px 0; font-size: 12px; line-height: 24px;}

  .set5_inner {width: 100%;}
  .service_1 { margin: 20px 0; font-size: 14px;}
  .service_img .desc { font-size: 18px;}

  .bread {
    height: 40px;
    line-height: 40px;
  }
  .fontsize16 {
    font-size: 14px !important;
  }
  .fontsize18 {
    font-size: 16px !important;
  }

  .join_item h5 {
    font-size: 16px;
  }
  .join_item h6 {
    font-size: 13px;
  }
  .join_item h6 span::after {
    margin: 0 20px;
  }
  .join_item em {
    font-size: 12px;
    margin-top: 15px;
  }
  .join_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .join_pagination.circle .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .join_clamp .swiper-slide {
    margin-bottom: 15px;
  }
  .joinxq h5 {
    font-size: 16px;
  }
  .joinxq h6 {
    font-size: 13px;
    padding-bottom: 15px;
  }
  .joinxq .desc {
    padding: 15px 0;
  }
  .joinxq .desc,
  .joinxq .back a {
    font-size: 12px;
  }
  .join_pop {
    width: 90%;
    margin: auto;
    position: relative;;
  }
  .joinxq {
    padding: 20px;
  }
  .joinxq h6 span::after {
    margin: 0 5px;
  }
  .joinxq .desc {
    line-height: 24px;
  }
  .productxq_1 {
    padding: 20px 0;
  }
  .productxq_1box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .productxq_1info {
    width: 100%;
    margin-top: 15px;
  }
  .productxq_img {
    width: 100%;
  }
  .productxq_img img {
    max-width: 80%;
  }

  .download_item .desc h5 {
    font-size: 14px;
  }
  .download_item .desc h6 {
    font-size: 13px;
    margin-top: 5px;
  }
  .download_item .down {
    font-size: 13px;
  }
  .tech_1right_1 .search_pop {
    width: 100%;
  }
  .tech_1left {
    padding: 15px;
  }
  .tech_1left h5 {
    font-size: 18px;
  }
  .tech_1left ul li a {
    font-size: 13px;
    padding: 8px 0;
  }

  .nnews_item .desc {
    padding: 10px 20px;
  }
  .nnews_item .desc h5 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
  .nnews_item .desc h6 {
    font-size: 12px;
    margin-top: 5px;
  }

  .header_nav .navbar-nav .nav-item:hover ul{position: static; }
}
@media (max-width: 768px){
  .set1_nav .swiper-wrapper {
    justify-content: flex-start;
  }
  .news_item {
    padding: 20px 15px;
  }
  .us_wrap { flex-wrap: wrap;}
  .us_img,.n_us_wrap .us_img { width: 100%;}
  .us_desc {padding:5px 15px;}
  .n_us_wrap .us_desc {padding:5px 0px;}

  .service_1 { font-size: 13px; line-height: 24px;}
  .service_img .desc { top:20px}
  .service_img .desc img { width: 20px;}
  .service_img .desc>span { margin-top: 5px; font-size: 14px;}
  
  .index_title h5 span.bg_gray { background: #f5f6f8 !important;}

  .footer_1 {
    padding: 10px 0 0px;
  }
  .footer_item {
    width: 33%;
  }
  .footer_item1,
  .footer_item2 {
    width: 100%;
  }
  .footer_item h5 {
    font-size: 14px;
  }
  .footer_item span {
    font-size: 12px;
  }
  .footer_item ul {
    margin-top: 5px;
  }
  .footer_item ul li a {
    font-size: 12px;
    line-height: 22px;
  }
  .footer_2,
  .footer_item2 .home-adress {
    font-size: 12px;
    line-height: 22px;
  }
  .footer_2 {
    padding: 15px 0;
  }
  .footer_item2 .home-adress {
    margin-top: 5px;
  }
  .bread_nav a {
    padding: 0 3px;
  }
  .fontsize16 {
    font-size: 12px !important;
  }
  .fontsize18 {
    font-size: 13px !important;
  }
  .us_2 {
    padding: 30px 0;
  }

  .page a { width: 30px; height: 30px; line-height: 30px; margin: 0 3px; font-size: 12px;}
  .page a.pageprev {background: url(../images/page.png) no-repeat -4px -8px;}
  .page a.pagenext {background: url(../images/page.png) no-repeat -64px -8px;}
  .page a.pageprev:hover {
    background-position: -4px -52px;
  }
  .page a.pagenext:hover {
    background-position: -64px -52px;
  }

  .product1_inner .product_item,
  .ncase_inner .case_item {
    width: 48%;
    margin-top: 20px;
  }

  .productxq_1info h3 {
    font-size: 20px;
  }
  .productxq_1info h3::after {
    margin: 10px 0;
  }
  .productxq_1info h5 {
    font-size: 16px;
  }
  .productxq_1info h6  {
    font-size: 14px;
    margin: 15px 0 20px;
  }
  .online_btn a {
    font-size: 13px;
    padding: 5px 20px;
  }
  .productxq_img img {
    max-width: 70%;
  }

  .pro_back a {
    font-size: 14px;
  }  
  .xq_item h5 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .xq_item .desc,
  .xq_item p {
    font-size: 14px;
    line-height: 24px;
  }
  .xq_item .desc a,
  .xq_item p a {
    background-size: 16px;
    padding-left: 26px;
  }

  .tech_1_wrap {
    flex-wrap: wrap;
  }
  .tech_1left {
    width: 100%;
    margin-bottom: 20px;
  }
  .tech_1right {
    width: 100%;
  }

  .contract_box { flex-wrap: wrap;}
  .n_contract { width: 100%;}
  .contract_box h5 { font-size: 20px;}
  .n_contract h6 { margin: 5px 0 10px;}
  .n_contract_1 ul li .desc { font-size: 12px; line-height: 22px;}
  .n_contract_1 { border-bottom: 1px solid #ddd;}

  .news_2 .news_item .more {
    display: none;
  }

  .n_news_xq_tit { font-size: 20px;}
  .n_news_xq_titsub { margin: 10px 0; padding: 8px 0;}
  .n_news_xq_content { font-size: 14px; line-height: 28px;}
  .n_case_xq_left_page { font-size: 14px;}
}
@media (max-width: 576px){
  .join_clamp .swiper-slide {
    padding: 10px 15px;
  }
  .join_item h6 {
    line-height: 24px;
  }

  .productxq_1info h3 {
    font-size: 16px;
  }
  .productxq_1info h3::after {
    margin: 10px 0;
  }
  .productxq_1info h5 {
    font-size: 14px;
  }
  .productxq_1info h6  {
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 20px;
  }
  .online_btn a {
    font-size: 12px;
    padding: 5px 20px;
  }
  .pro_back a {
    font-size: 12px;
    padding: 5px 10px;
  }
  .pro_back a::after {
    margin-left: 10px;
  }
  .xq_item .desc,
  .xq_item p {
    font-size: 13px;
    line-height: 22px;
  }

  .news_1 {
    flex-wrap: wrap;
  }
  .news_1 .nnews_item {
    width: 100%;
    margin-bottom: 10px;
  }

  .n_newsxq_box { padding: 20px;}
  .n_news_xq_tit { font-size: 15px;}
  .n_news_xq_titsub { font-size: 12px;}
  .n_news_xq_content { font-size: 13px; line-height: 22px;}
  .n_case_xq_left_page { font-size: 12px; line-height: 30px; padding-top: 15px;}
}
